<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Internet</title>
<link href="./css/internet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {
	color: #5c8bc7
}
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <div id="container">
    <div class="banner"><center><h1>用户个人信息</h1></center></div>
    <div class="searcbar">
    <input name="textfield" type="text" class="input01" id="password" />
          <label>
          <input type="submit" name="Search" id="Search" value="Search" />
          </label>
    </div>
   <div class="topbar"><div style="width:180px; float:left;"><span class="img-photo"><img src="image/hs.jpg" alt="Photo" width="170" height="170" /></span></div>
    <div style="width:560px; float:right;"><div style="height:70px; margin-bottom: 8px;">
    <div style="width:260px; float:left;"><span class="toptitle">用户名</span><br />
    </div>
    </div>
    </div>
    <div style="width:560px; float:right;"><div style="height:70px; line-height:3px;border-style: solid; border-width: 1px; padding: 5px; border-color: #CCCCCC; background-color: #FFFFFF;">
    <p>个人描述</p>
      <p style="margin:20px">大家好</p>
      </div>
    </div>
    </div>
    
    <div id="contentarea">
      <div class="rightcolumn">
        <div class="column">
          <div class="titlebar">
            <h1>最近发帖</h1>
          </div>
          <div class="content-inner">
            <a class="boxtitle" href="#">第一个帖子:            </a>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec.</p>
            <a class="boxtitle" href="#">第二个帖子:</a>
          <p>  Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.        </p>
              </div>
            <a class="boxtitle" href="#">第三个帖子:</a>
            <div>asdasda</div>
            <a class="boxtitle" href="#" style="margin:400px">更多</a>
        </div>
        
        <div class="column">
          <div class="titlebar">
            <h1>最近留言</h1>
          </div>
          <div class="content-inner">
            <p>&nbsp;留言1:</p><p>asdasdasdas</p>
            <p>&nbsp;留言2:</p><p>asdasdasdas</p>
            <a class="boxtitle" style="margin:400px " href="#">更多</a>
            <br/><br/>
          </div>
        </div>
      </div>
      <div class="leftcolumn">
        <div class="column">
          <div class="titlebar">
            <h1>账户信息</h1>
          </div>
          <div class="leftbar1">
             <span class="boxtitle">账户类型</span><br />
            Lorem ipsum dolor conseqout.<br class="clearboth" />
          </div>
          <div class="leftbar2">
             <span class="boxtitle">账户状态</span><br />
            Pop Music, Jazz, Instrumental.<br class="clearboth" />
          </div>
          <div class="leftbar1">
             <span class="boxtitle">被举报次数</span><br />
            Movies Title<br class="clearboth" />
          </div>
          <div class="leftbar2">
             <span class="boxtitle">上次登录时间</span><br />
            Drama Titles<br class="clearboth" />
          </div>
        </div>
        <div class="column">
          <div class="titlebar">
            <h1>个人详细资料</h1>
          </div>
          <div class="leftbar1">
             <span class="boxtitle">账号 :</span> Single<br class="clearboth" />
          </div>
          <div class="leftbar2">
             <span class="boxtitle">注册时间 : </span>Friends<br class="clearboth" />
          </div> 
          <div class="leftbar1">
             <span class="boxtitle">等级 :</span> Slim<br class="clearboth" />
          </div>
          <div class="leftbar2">
             <span class="boxtitle">发帖数  :</span> Asian<br class="clearboth" />
          </div> 
          <div class="leftbar1">
             <span class="boxtitle">兼职数 :</span> I don't like kids<br class="clearboth" />
          </div>
          <div class="leftbar2">
             <span class="boxtitle">联系邮箱 :</span> Leo<br class="clearboth" />
          </div>
          <div class="leftbar1">
             <span class="boxtitle">关注数 :</span> I don't like kids<br class="clearboth" />
          </div>
          <div class="leftbar2">
             <span class="boxtitle">粉丝数 :</span> No / No<br class="clearboth" />
          </div>
        </div>
      </div>
    </div>
  </div>
  <br class="clearboth" />
</form>
</body>
</html>
